/* Foundations → light theme → semantic tokens. Static values; served as written. */
:root {
  color-scheme: light;
  --palette-cream: oklch(0.98 0.005 85);
  --palette-white: #fff;
  --palette-stone: #e7e5e4;
  --palette-stone-dark: #d6cec8;
  --palette-pattern: #fff;
  --palette-slate: #0f172a;
  --palette-slate-muted: #475569;
  --palette-slate-faint: #64748b;
  --palette-rust: oklch(0.65 0.055 45);
  --palette-rust-dark: oklch(0.58 0.05 45);
  --palette-teal: oklch(0.35 0.04 210);
  --palette-teal-action: oklch(0.45 0.08 195);
  --palette-mint: oklch(0.78 0.04 180);
  --palette-mint-soft: oklch(0.78 0.04 180 / 0.2);
  --palette-rust-soft: oklch(0.65 0.055 45 / 0.2);
  --palette-glass: rgb(255 255 255 / 0.15);
  --palette-overlay: rgb(255 255 255 / 0.95);
  --palette-red: #b91c1c;
  --palette-shadow: rgb(15 23 42 / 0.12);
  --palette-paper: #f4f1e9;
  --palette-paper-deep: #e8e3d7;
  --palette-clay-ink: #8b5e46;
  --typeface-outfit: 'Outfit', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;
  --typeface-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;

  --theme-light-bg-page: var(--palette-cream);
  --theme-light-bg-surface: var(--palette-white);
  --theme-light-bg-sunken: var(--palette-stone);
  --theme-light-bg-pattern: var(--palette-pattern);
  --theme-light-bg-inverse: var(--palette-teal);
  --theme-light-bg-accent: var(--palette-mint);
  --theme-light-bg-accent-soft: var(--palette-mint-soft);
  --theme-light-bg-brand-soft: var(--palette-rust-soft);
  --theme-light-bg-glass: var(--palette-glass);
  --theme-light-bg-overlay: var(--palette-overlay);
  --theme-light-bg-paper: var(--palette-paper);
  --theme-light-bg-paper-deep: var(--palette-paper-deep);
  --theme-light-ink-warm: var(--palette-clay-ink);
  --theme-light-ink-main: var(--palette-slate);
  --theme-light-ink-muted: var(--palette-slate-muted);
  --theme-light-ink-faint: var(--palette-slate-faint);
  --theme-light-ink-inverse: var(--palette-white);
  --theme-light-ink-on-inverse: var(--palette-stone);
  --theme-light-ink-accent: var(--palette-teal);
  --theme-light-ink-accent-inverse: var(--palette-mint);
  --theme-light-border-base: var(--palette-stone);
  --theme-light-border-strong: var(--palette-stone-dark);
  --theme-light-border-focus: var(--palette-rust);
  --theme-light-border-inverse: var(--palette-glass);
  --theme-light-action-primary: var(--palette-rust);
  --theme-light-action-primary-hover: var(--palette-rust-dark);
  --theme-light-action-surface: var(--palette-white);
  --theme-light-action-surface-hover: var(--palette-cream);
  --theme-light-action-secondary: var(--palette-teal-action);
  --theme-light-action-secondary-hover: var(--palette-teal);
  --theme-light-intent-success-base: var(--palette-mint);
  --theme-light-intent-critical-base: var(--palette-red);

  --bg-page: var(--theme-light-bg-page);
  --bg-surface: var(--theme-light-bg-surface);
  --bg-sunken: var(--theme-light-bg-sunken);
  --bg-pattern: var(--theme-light-bg-pattern);
  --bg-inverse: var(--theme-light-bg-inverse);
  --bg-accent: var(--theme-light-bg-accent);
  --bg-accent-soft: var(--theme-light-bg-accent-soft);
  --bg-brand-soft: var(--theme-light-bg-brand-soft);
  --bg-glass: var(--theme-light-bg-glass);
  --bg-overlay: var(--theme-light-bg-overlay);
  --bg-paper: var(--theme-light-bg-paper);
  --bg-paper-deep: var(--theme-light-bg-paper-deep);
  --ink-warm: var(--theme-light-ink-warm);
  --ink-main: var(--theme-light-ink-main);
  --ink-muted: var(--theme-light-ink-muted);
  --ink-faint: var(--theme-light-ink-faint);
  --ink-inverse: var(--theme-light-ink-inverse);
  --ink-on-inverse: var(--theme-light-ink-on-inverse);
  --ink-accent: var(--theme-light-ink-accent);
  --ink-accent-inverse: var(--theme-light-ink-accent-inverse);
  --border-base: var(--theme-light-border-base);
  --border-strong: var(--theme-light-border-strong);
  --border-focus: var(--theme-light-border-focus);
  --border-inverse: var(--theme-light-border-inverse);
  --action-primary: var(--theme-light-action-primary);
  --action-primary-hover: var(--theme-light-action-primary-hover);
  --action-surface: var(--theme-light-action-surface);
  --action-surface-hover: var(--theme-light-action-surface-hover);
  --action-secondary: var(--theme-light-action-secondary);
  --action-secondary-hover: var(--theme-light-action-secondary-hover);
  --intent-success-base: var(--theme-light-intent-success-base);
  --intent-critical-base: var(--theme-light-intent-critical-base);

  --font-body: var(--typeface-outfit);
  --font-heading: var(--typeface-serif);
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --leading-tight: 1.2;
  --leading-base: 1.5;
  --leading-relaxed: 1.75;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;
  --text-5xl: 3rem;
  --text-6xl: 3.75rem;
  --text-7xl: 4.5rem;
  --text-8xl: 5.5rem;
  --text-9xl: 6.5rem;
  --space-0: 0rem;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-32: 8rem;
  --space-40: 10rem;
  --space-px: 1px;
  --radius-sm: 0.375rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.5rem;
  --radius-hero: 2rem;
  --radius-full: 999px;
  --theme-light-shadow-close: 0 2px 8px var(--palette-shadow);
  --shadow-close: var(--theme-light-shadow-close);
  --theme-light-shadow-base: 0 8px 24px var(--palette-shadow);
  --shadow-base: var(--theme-light-shadow-base);
  --theme-light-shadow-far: 0 20px 40px var(--palette-shadow);
  --shadow-far: var(--theme-light-shadow-far);
  --z-sink: -1;
  --z-pinned: 100;
  --z-dropdown: 200;
  --z-overlay: 300;
  --z-max: 100000;
  --duration-fast: 150ms;
  --duration-base: 300ms;
  --duration-slow: 1200ms;
  --ease-standard: ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-fast: 0ms;
    --duration-base: 0ms;
    --duration-slow: 0ms;
  }
}
@media (min-width: 64rem) {
  :root {
    --radius-hero: 3rem;
  }
}